extends layout

block content
	div(class="jumbotron" id="jum-principal")
		div(id="carousel-principal", class="carousel slide")
			ol(class="carousel-indicators")
				li(data-target="#carousel-principal", data-slide-to="0", class="active")
				li(data-target="#carousel-principal" data-slide-to="1")
				li(data-target="#ccarousel-principal" data-slide-to="2")
			//elementos del Slider
			div(class="carousel-inner")
				div(class="item active")
					img(class="img-carrousel", src="/images/imac.jpg" alt="...")
				div(class="item")
					img(class="img-carrousel", src="/images/dell.jpg" alt="...")
				div(class="item")
					img(class="img-carrousel", src="/images/galaxy.jpg" alt="...")
			//Controles
			a(class="left carousel-control", href="#carousel-principal", data-slide="prev")
				span(class="icon-prev")
			a(class="right carousel-control", href="#carousel-principal", data-slide="next")
				span(class="icon-next")
	div(class="row row-offcanvas row-offcanvas-right")
		div(class="col-xs-12 col-sm-9")
			div(class="row")
				div(class="col-6 col-sm-6 col-lg-4")
					h2 algo de cosas
					p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor auris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada 	
				div(class="col-6 col-sm=6 col-lg=4")
					h2 algo de cosas
					p Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor auris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada 	
